<template>
  <div class="footer">
    <div class="footerinner">
      <div class="footer-list">
        <!-- <p @click="goto(1)">{{$t('assemble.关于我们')}}</p> -->
        <p @click="goto(2)">{{$t('assemble.意见反馈')}}</p>
        <p @click="goto(3)">{{$t('assemble.隐私政策')}}</p>
        <p @click="goto(4)">{{$t('assemble.用户协议')}}</p>
        <p @click="goto(5)">{{$t('assemble.联系我们')}}</p>
        <p @click="goto(6)">{{$t('assemble.用户手册')}}</p>
      </div>
      <div class="footer-text">Copyright ©spsolsys.com</div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  methods: {
    goto(val) {
      if (val == 1) {
        this.$router.push({ path: '/home/aboutUs' })
      }
      if (val == 2) {
        this.$router.push({ path: '/home/feedBack' })
      }
      if (val == 3) {
        this.$router.push({ path: '/home/privacyPolicy' })
      }
      if (val == 4) {
        this.$router.push({ path: '/home/userAgreement' })
      }
      if (val == 5) {
        this.$router.push({ path: '/home/contactAs' })
      }
      if (val == 6) {
        this.$router.push({ path: '/home/userManual' })
      }
    },
  }
}
</script>
<style scoped lang="scss">
.footer {
  width: 100%;
  // height: 100px;
  background: #272A2C;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  position: fixed;
  bottom: 0;
  // padding: 0 393px;
  // padding-top: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  z-index: 9999999;
  padding-bottom: 10px;
  .footerinner{
    width: 1200px;
    margin: 0 auto;

  .footer-list {
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 15px;
    display: flex;
    justify-content: space-between;

    p {
      cursor: pointer;
    }
  }

  .footer-text {
    font-size: 13px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #B1B1B1;
    line-height: 12px;
    margin: 0 auto;
    text-align: center;
  }
}

}
</style>